<template>
  <!-- 大标题 -->
   <view class="card-container">
      <view class="title-more flex">
        <view class="title">{{ title }}</view>
        <view class="more">{{ more }}</view>
      </view>

      <!-- 内容区 -->
      <view class="card-list flex">
         <slot></slot>
      </view>
   </view>
</template>

<script setup lang="ts">
defineProps(['title','more'])







</script>

<style scoped lang="less">
.card-container{
  padding: 20rpx;
}
.title-more{
  font-size: 14px;
  color: #000;
  height: 72rpx;
  line-height: 72rpx;
  justify-content: space-between;
  background: #00cc99;
}

.card-list{
  flex-wrap: wrap;
  justify-content: space-around;
}
</style>